<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Главная | Python.ru</title>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <div class="head-banner">
      <a href="#" target="_blank"><img src="images/lg-banner.png" class="hidden-xs hidden-sm hidden-md"></a>
      <a href="#" target="_blank"><img src="images/lg-banner.png" class="hidden-xs hidden-sm hidden-lg"></a>
      <a href="#" target="_blank"><img src="images/sm-banner.png" class="hidden-xs hidden-lg hidden-md"></a>
      <a href="#" target="_blank"><img src="images/xs-banner.png" class="hidden-lg hidden-sm hidden-md"></a>
    </div>
    <!-- navbar start -->
    <div class="container">
      <div class="row navbar">
          <div class="container-fluid">
            <div class="navbar-header">
              <a href="#" class="navbar-brand">
                <img src="images/logo.png">
              </a>
              <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
              </button>
            </div>
            <div class="navbar-collapse collapse">
              <ul class="nav navbar-nav navbar-right">
                <li><a href="#">Новости</a></li>
                <li><a href="#">События</a></li>
                <li><a href="#">Записи</a></li>
                <li><a href="#">Блог</a></li>
                <li><a href="#">Вакансии</a></li>
              </ul>
            </div>
          </div>
          <!-- <hr class="hr-divider"> -->
      </div>
      <div class="header-news row">
        <div class="col-md-8">  
          <p><img src="images/mars.png" class="img-responsive"></p>
        </div>
        <div class="col-md-4 header-text">
          <p class="tag visible-xs">Руководство</p>
          <h1 class="hidden-xs"><a href="#">Выгружаем фото Марса с сайта NASA с помощью aiohttp</a></h1>
          <h4 class="visible-xs">Выгружаем фото Марса с сайта NASA с помощью aiohttp</h4>
          <p>I am a huge fan of the book The Martian by Andy Weir. Reading it I wondered how did Mark Watney feel when he walked around the Red Planet.</p>
          <button class="btn btn-primary btn-square hidden-xs">Читать полностью</button>
          <p class="date visible-xs">3 дня назад</p>
        </div>
        <div class="col-md-12">
          <hr class="hr-divider hidden-xs">
        </div>
      </div>
      <div class="landing">
        <div class="row">
          <div class="col-md-4 col-sm-6 article card">
            <p class="img-container"><img src="images/first.png" class="img-responsive"></p>
            <p class="tag"><a href="#">Новости</a></p>
            <h4><a href="#">Чипы и запуск Python на Intel процессоре</a></h4>
            <p class="text">We catch up with David Stewart and meet Suresh Srinivas, and Sergey Maidanov from 
               We catch up with David Stewart and meet…</p>
            <p class="date">3 дня назад</p>
          </div>
          <div class="col-md-4 col-sm-6 article card">
            <p class="img-container"><img src="images/second.png" class="img-responsive"></p>
            <p class="tag"><a href="#">Новости</a></p>
            <h4><a href="#">Достоинства и недостатки Django</a></h4>
            <p class="text">Have you heard about Django? Do you know about the advantages and disadvantages of using Django? Do you know about the advantages and…</p>
            <p class="date">4 дня назад</p>
          </div>
          <div class="col-md-4 col-sm-6 event card">
            <p class="event-date"><span class="glyphicon glyphicon-calendar"></span>21.06</p>
            <p class="tag"><a href="#">События</a></p>
            <h4><a href="#">Moscow Python 114</a></h4>
            <p class="text"><b>Где:</b> офис Lamoda.ru (карта)<br>
                            <b>Темы:</b> салютогенерз, баннерная система Lamoda.ru, новости Python.</p>
            <button class="btn btn-square">Регистрация</button>
          </div>
          <div class="col-md-4 col-sm-6 mpc-label card">
            <p class="img-container"><a href="#" target="_blank"><img src="images/mpc.png" class="img-responsive"></a></p>
          </div>
          <div class="col-md-4 col-sm-6 article card">
            <p class="img-container"><img src="images/youtube.png" class="img-responsive"></p>
            <p class="tag"><a href="#">Доклад</a></p>
            <h4><a href="#">Что такое переменные</a></h4>
            <p class="text">В своем выступлении я впервые попробую объяснить переменные: не рассказывая предварительно как работает то и как сделать сё.</p>
            <p class="date">14 апреля 2017</p>
          </div>
          <div class="col-md-4 col-sm-6 article card">
          <!-- FIXME: Awful vertical align, handle small image -->
            <p class="img-container"><img src="images/spb-python.png" class="img-responsive"></p>
            <p class="tag"><a href="#">Сообщество</a></p>
            <h4><a href="#">SPb Python</a></h4>
            <p class="text">Сообщество Python-программистов Санкт-Петербурга. К участию приглашаются как гуру, так и начинающие разработчики. Ждем всех!</p>
          </div>
          <div class="col-md-12 col-sm-12 col-xs-12 subscribe">
            <form class="form row">
              <h3>Лучшая рассылка</h3>
              <div class="form-group col-md-8 col-sm-9 col-xs-12">
                <input class="form-control input-square" type="email" name="email">
              </div>
              <div class="col-md-2 col-sm-3 form-group">
                <button class="btn btn-square">Подписаться</button>
              </div>
              <div class="col-md-9 col-sm-12">
                <p>Мы напишем, как будет что-то интересное, а спамить не будем, даже не просите.</p>
              </div>
            </form>
          </div>
          <div class="col-md-4 col-sm-6 article card">
            <p class="img-container"><img src="images/first.png" class="img-responsive"></p>
            <p class="tag"><a href="#">Новости</a></p>
            <h4><a href="#">Чипы и запуск Python на Intel процессоре</a></h4>
            <p class="text">We catch up with David Stewart and meet Suresh Srinivas, and Sergey Maidanov from 
               We catch up with David Stewart and meet…</p>
            <p class="date">3 дня назад</p>
          </div>
          <div class="col-md-4 col-sm-6 article card">
            <p class="img-container"><img src="images/second.png" class="img-responsive"></p>
            <p class="tag"><a href="#">Новости</a></p>
            <h4><a href="#">Достоинства и недостатки Django</a></h4>
            <p class="text">Have you heard about Django? Do you know about the advantages and disadvantages of using Django? Do you know about the advantages and…</p>
            <p class="date">4 дня назад</p>
          </div>
          <div class="col-md-4 col-sm-6 article card">
            <p class="img-container"><img src="images/rambler.png" class="img-responsive"></p>
            <p class="tag"><a href="#">Вакансия</a></p>
            <h4><a href="#">Ведущий Python-разработчик</a></h4>
            <p class="text">Rambler&amp;Co ищет Ведущего разработчика в команду разработки партнерских сервисов таких, как Новости, Гороскопы, Недвижимость…</p>
            <p class="date">9 дней назад</p>
          </div>
        </div>
      </div>
      <div class="row">
        <div class="col-md-12 text-center more">
          <a href="#">Показать ещё</a>
        </div>
      </div>
      <footer class="row">
        <div class="col-md-12">
          <hr class="hr-divider">
          <div class="col-md-4 col-sm-4 text-left email hidden-xs">
            <p><span class="fa fa-envelope" aria-hidden="true"></span> team@python.ru</p>
          </div>
          <div class="col-md-4 col-sm-4 text-center hidden-xs">
            <span class="fa fa-facebook" aria-hidden="true"></span>
            <span class="fa fa-twitter" aria-hidden="true"></span>
            <span class="fa fa-slack" aria-hidden="true"></span>
          </div>
          <div class="col-md-4 col-sm-4 text-right hidden-xs text-nowrap">
            <p>Сделали студенты <a href="https://devman.org">Девмана</a></p>
          </div>
          <div class="hidden-sm hidden-lg text-center">
            <p><span class="fa fa-envelope fa-2x" aria-hidden="true"></span>team@python.ru</p>
            <span class="fa fa-facebook fa-2x" aria-hidden="true"></span>
            <span class="fa fa-twitter fa-2x" aria-hidden="true"></span>
            <span class="fa fa-slack fa-2x" aria-hidden="true"></span>
            <p>Сделали студенты <a href="https://devman.org">Девмана</a></p>
          </div>
        </div>
      </footer>
    </div>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  </body>
</html>